<div class="menu">
	<div align="right" style="font-weight:bold; font-size:12px; padding-bottom:8px; color:#10498A;">
		<?php echo $this->Access->getMyRole($this->Access->getMy('group_id')).": ".$this->Access->getMy('nombre_completo');?>
	</div>
	<div class="desplegable">
		<?php  $this->Form->new_menu($this->Access->getMy('id'),$this->Access->getMy('group_id'));?>
	</div>
</div>
<div class="guiasEstudiantes form">
<?php echo $this->Form->create('GuiasEstudiante');?>
	<fieldset>
 		<legend><?php __('Editando Guia del Estudiante: '); ?></legend>
 		<h4><?php echo $estudiante_nombre; ?></h4>
 	<table>
		<tr>
			<td class="actions_2"><?php echo $this->Html->link(__('Guias Estudiante', true), array('action' => 'index', $estudiante)); ?></td>
		</tr>
	</table>
	<?php
		echo $this->Form->input('id');
		echo $this->Form->label("Cartilla");
		echo $this->Form->select('cartilla_id',array($cartillas), $cartilla_activa, array('id'=>'cartillas'), false);
		?>
		<span id="carga_unidades" style="display:none;">Cargando...</span>
		<br /><br /><?
		echo $this->Form->label("Unidades");
		echo $this->Form->select('unidade_id',array($unidades), $unidad_activa, array('id'=>'unidades'),false);
		?>
		<span id="carga_guias" style="display:none;">Cargando...</span>
		<br /><br /><?
		echo $this->Form->label("Guias");
		echo $this->Form->select('guia_id',array($guias), $guia_activa ,array('id'=>'guias'),false);
		
		//echo $this->Form->input('guia_id');
		echo $this->Form->input('estudiante_id', array('type'=>'hidden', 'value'=>$estudiante));	
		echo $this->Form->input('fecha_inicio');
		echo $this->Form->input('fecha_fin');
	?>
	</fieldset>

<script>
$(function(){
	$('#cartillas').change(function(){
		$("#carga_unidades").show();
		var cartilla_id = $(this).val();
		$.getJSON('/circulos-aprendizaje/unidades/get_unidades_json/'+cartilla_id, function(unidades) {
			var opciones = "";
			    opciones += "<option value=''>Seleccione una unidad</option>" + "\n";
			for(i in unidades){
				opciones += "<option value='"+i+"'>"+unidades[i]+"</option>" + "\n";
			}
			$("#unidades").html(opciones);
			$("#carga_unidades").hide();
		});
	});
});
</script>	

<script>
$(function(){
	$('#unidades').change(function(){
		$("#carga_guias").show();
		var unidade_id = $(this).val();
		$.getJSON('/circulos-aprendizaje/guias/get_guias_json/'+unidade_id, function(guias) {
			var opciones = "";
		    	opciones += "<option value=''>Seleccione una guia</option>" + "\n";
			for(i in guias){
				opciones += "<option value='"+i+"'>"+guias[i]+"</option>" + "\n";
			}
			$("#guias").html(opciones);
			$("#carga_guias").hide();
		});
	});
});
</script>

<?php echo $this->Form->end(__('Guardar', true));?>
</div>